<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lucar-我们出行</title>
</head>

<link rel="stylesheet" type="text/css" href="lucar-css/head-css.css" />
<link rel="stylesheet" type="text/css" href="lucar-css/selectCar-css.css">

<body>
	<div id="head">
    	<div id="h-logo">
        	<img src="lucar-image/logo.png" class="hl">
        </div>
        <div id="h-right">
        	<span id="hr-useCar" class="hr-span" onmouseover="headimg(1);" onMouseOut="headimg(2);">
            	<img id="uCOut" src="lucar-image/useCar-Out.png" class="hr-image" style="display:block">
            	<img id="uCOn" src="lucar-image/useCar-On.png" class="hr-image" style="display:none">
            </span>
            <span id="hr-aboutUs" class="hr-span" onmouseover="headimg(3);" onMouseOut="headimg(4);">
            	<img id="aUOut" src="lucar-image/aboutUs-Out.png" class="hr-image" style="display:block">
            	<img id="aUOn" src="lucar-image/aboutUs-On.png" class="hr-image" style="display:none">
            </span>
            <span id="register" class="button" onMouseOver="headbutton(1);" onMouseOut="headbutton(2);"><b class="hr-text">注册</b></span>
            <span id="login" class="button" onMouseOver="headbutton(3);" onMouseOut="headbutton(4);"><b class="hr-text">登录</b></span>
        </div>
    </div>
    <div id="carTable">
		<table id="t1">
			<tr id="tbt">
				<td class="tb-tittle"><img src="lucar-image/selectCar-image/carTable-image/carImg.png" /></td>
				<td class="tb-tittle"><img src="lucar-image/selectCar-image/carTable-image/carID.png" /></td>
				<td class="tb-tittle"><img src="lucar-image/selectCar-image/carTable-image/carName.png" /></td>
				<td class="tb-tittle"><img src="lucar-image/selectCar-image/carTable-image/carType.png" /></td>
				<td class="tb-tittle"><img src="lucar-image/selectCar-image/carTable-image/power.png" /></td>
				<td class="tb-tittle"><img src="lucar-image/selectCar-image/carTable-image/parting.png" /></td>
				<td class="tb-tittle"><img src="lucar-image/selectCar-image/carTable-image/use.png" /></td>
			</tr>
			<tr id="tbi">
				<td>
					<img class="carImg">
				</td>
				<td id="td_carId_<%=p*r-r+i+1%>"><%=carInfo.getCarId() %></td>
				<td><%=carInfo.getCarName() %></td>
				<td><img src="lucar-image/selectCar-image/carType-img/car.png" class="carType" /></td>
				<td><img src="lucar-image/selectCar-image/Power100%.png" class="powerImg"/></td>
				<td><%=carInfo.getParkId() %></td>
				<td><img src="lucar-image/selectCar-image/OK.png" onclick="useCar(<%=p*r-r+i+1%>)" class="OKImg" /></td>
			</tr>
		</table>
        <div id="pageDiv">
			<span id="totalPage">第1页</span>
			<a href="selectCar.jsp?&p=0" id="firstPage">首页</a>
			<a id="previousPage" onclick="checkPage(0)">上一页</a>
			<a id="nextPage" onclick="checkPage(1)">下一页</a>
			<a href="selectCar.jsp?&p=<%=count %>" id="lastPage">尾页</a>
			<input type="text" id="txtPage">
			<img src="lucar-image/selectCar-image/GO.png" id="btnPage" onclick="changePage() />
		</div>
	</div>
</body>
  
<script src="lucar-script/head-script.js"></script>
<script type="text/javascript">
window.onload = function(){
	function box(){ 
		var oBox = document.getElementById("carTable");
		var L1 = oBox.offsetWidth;
		var Left = (document.documentElement.clientWidth-L1)/2;
		oBox.style.left = Left+'px';
	}
	box();
	window.onresize = function(){
        box();
    }
}
</script>
</html>
